<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="/commons/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><sitemesh:write property="title" /></title>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<script src="${ctx }/asset/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="${ctx}/asset/js/application.js"></script>
<script src="${ctx}/asset/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctx}/asset/js/jquery.metadata.js"></script>
<script src="${ctx}/asset/js/jquery.validate.js"></script>
<script src="${ctx}/asset/js/jquery.validation.message.js"></script>
<script src="${ctx}/asset/bootstrap/js/bootstrap-paginator.min.js"></script>
<script src="${ctx}/asset/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
<script src="${ctx}/asset/bootstrap/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

<link rel="stylesheet" type="text/css" href="${ctx }/asset/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="${ctx}/asset/bootstrap/css/bootstrap-datetimepicker.min.css" />
<link rel="stylesheet" href="${ctx }/asset/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="${ctx }/asset/css/theme.css">
<link rel="stylesheet" type="text/css" href="${ctx }/asset/css/premium.css">
</head>

<body class=" theme-blue">
<style type="text/css">
       
        .navbar-default .navbar-brand, .navbar-default .navbar-brand:hover { 
            color: #fff;
        }
        .product-container {  
      width: 95%;  
      margin: 0 auto;  
      border-radius: 10px;  
      background: #6f80a1;  
    }
  
      .product-name {  
        text-align:center;  
      }  
      .interest {  
        color: #1da427;  
        font-size: 70px;  
        font-weight: bold;  
        padding: 0px;  
        margin-bottom: -30px;  
  
        .percent {  
          font-size: 31px;  
        }  
      }  
      .intro {  
        padding: 5px;  
      }  
      .strong {  
        padding: 3px;  
        font-size: 17px;  
        color: @white;  
        background: #326c84;  
        border-radius: 0 0 10px 10px;  
      }  
    
    </style>
    <script type="text/javascript">
    $(function() {
        var match = document.cookie.match(new RegExp('color=([^;]+)'));
        if(match) var color = match[1];
        if(color) {
            $('body').removeClass(function (index, css) {
                return (css.match (/\btheme-\S+/g) || []).join(' ')
            })
            $('body').addClass('theme-' + color);
        }

        
    });
        $(function() {
            var uls = $('.sidebar-nav > ul > *').clone();
            uls.addClass('visible-xs');
            $('#main-menu').append(uls.clone());
        });
    </script>
<jsp:include page="header.jsp"></jsp:include>
<jsp:include page="sidebar.jsp"></jsp:include>
<div class="content">
	<div class="header">
		<h1 class="page-title"><sitemesh:write property="menu" /></h1>
        <ul class="breadcrumb">
           <li><a href="/">店铺盘点</a> </li>
            <li><sitemesh:write property="menu" /></li>
            <li class="active" ><sitemesh:write property="submenu" /></li>
        </ul>
	</div>
	<div class="main-content">
		<sitemesh:write property="body" />
	</div>
</div>

<jsp:include page="footer.jsp"></jsp:include>
</body>
</html>